<template>
    <el-row>

        <el-col :xs="0" :sm="0" :md="5" :lg="5" :xl="5"></el-col>
        <el-col :xs="24" :sm="24" :md="13" :lg="13" :xl="13">
            <el-button icon="el-icon-s-help" @click="userInfo()"/>
        </el-col>

    </el-row>

</template>

<script>

    import {defineComponent,getCurrentInstance} from 'vue'

    export default defineComponent({
        name: "Home",
        methods: {},
        setup() {
            const {proxy} = getCurrentInstance()
            function userInfo (){
                proxy.$store.dispatch('account/userInfo',{})
                    .then(() => {
                }).catch((err) => {
                    console.log(err)
                })
            }

            return{
                userInfo
            }
        }
    })


</script>

<style scoped>
    .va-image {
        height: 200px;
    }

    .el-col-lg-4-8 {
        width: 20%;
    }

    /*.el-col-4-8 {*/
    /*    width: 20%;*/
    /*    !*margin-top: 10px;*!*/
    /*}*/

    .va-recommend {
        background: #ffffff;
        height: 100%;
        border-radius: 2px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
    }

    .va-header {
        overflow: hidden;
        width: 100%;
        border-bottom: 1px solid #F2F6FC;
    }

    .va-content {
        padding: 5px;
    }

</style>